import React, { useDebugValue, useEffect, useState } from 'react'

// 自定义 hooks
function useMyHooks(value) {
    // 可以让我们在控制台中通过开发工具查看到 hooks 的值
    useDebugValue(value ? 'on' : 'off')

    return value
}


const Box = () => {
    useMyHooks(false)
    const [count] = useState(1)
    return <h1>你好世界 - {count}</h1>
}

export default function App() {

    const is = useMyHooks(true)

    useEffect(() => {
        console.log(is);
    }, [])
    return (
        <div>
            <Box />
        </div>
    )
}
